@import './panel-var.scss';
@import './panel-mixin.scss';
@import './_lib-variable.scss';

$color: #666361;
$color2: #3f3c3e;

.ant-switch {
  background-color: #364241b3;

  &:after {
    background-color: #668d93;
  }
}

.ant-switch-checked {
  background-color: rgba(68, 203, 215, 0.7);

  &:after {
    background-color: #c1fffb;
  }
}

.ant-select,
.ant-input-number {
  color: #44cbd7;

  .ant-select-selection {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid $line-color;
    border-radius: 0;
    box-shadow: none;
  }
  .ant-select-arrow {
    color: #44cbd7;
  }
}

.ant-select-open {
  box-shadow: none;
}

.ant-select-dropdown {
  background-color: #1e1e1e;
  border-radius: 0;
}
.ant-select-dropdown-menu-item:first-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  color: $text-color;
}

.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #668d931a;
  color: $text-color;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #668d9333;
}
.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-selected:hover {
  background-color: #668d9333;
  color: #44cbd7;
}
.ant-select-disabled{
  opacity: .4;
}

.ant-spin-blur {
  opacity: 0.1;
}
.ant-spin-dot i {
  background-color: #44cbd8;
}

.ant-notification{
  width: auto;
}
.ant-notification-notice-with-icon .ant-notification-notice-message{display: none;}
.ant-notification-notice {
  padding: 14px 30px 14px 20px;
  max-width: 300px;
  border: 1px solid rgba(204,255,249,.5);
  background: rgba(16, 16, 21, .8);
  color:rgba(36, 224, 241, 1);
}
.anticon.ant-notification-notice-icon-success,
.ant-message-success,
.ant-message-success .anticon,
.ant-message-info .anticon, .ant-message-loading .anticon{
  color: rgba(36, 224, 241, 1);
}
.anticon.ant-notification-notice-icon-waring,
.ant-message-warning,
.ant-message-warning .anticon {
  color: rgba(240, 163, 13, 1);
}
.anticon.ant-notification-notice-icon-error,
.ant-message-error,
.ant-message-error .anticon {
  color: rgba(222, 90, 84, 1);
}
.ant-notification-notice-with-icon .ant-notification-notice-description{
  margin-left: 40px;
}
.pop-success {
  color: rgba(36, 224, 241, 1);
  .ant-notification-notice-close{
    color: rgba(36, 224, 241, 1);
  }
}
.pop-warn {
  color: rgba(240, 163, 13, 1);
  .ant-notification-notice-close{
    color: rgba(240, 163, 13, 1);
  }
}
.pop-error {
  color: rgba(222, 90, 84, 1);
  .ant-notification-notice-close{
    color: rgba(222, 90, 84, 1);
  }
}
.ant-notification-notice-close{
  top: 14px;
  color: #fff;
  right: 10px;
}
.ant-message-notice-content {
  border: 1px solid rgba(204,255,249,.5);
  background: rgba(16, 16, 21, .8);
  color:rgba(36, 224, 241, 1);
}
.ant-notification-notice-message{
  color: #fff;
}

.ant-notification-notice-close:hover{
  opacity: 0.8;
}
.anov-confirm .ant-modal-content {
  background-color: rgba(16,16,21, .6);
  border: 1px solid rgba(36, 224, 241, .5);
}
.ant-modal-confirm-success.anov-confirm  .ant-modal-confirm-body > .anticon {
  color: rgba(36, 224, 241, 1);
}
.anov-confirm .ant-modal-confirm-body .ant-modal-confirm-title {
  color: rgba(36, 224, 241, 1);
}
.anov-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
  color: rgba(36, 224, 241, 1);
}
.anov-confirm .ant-btn-primary {
  background: rgba(0,0,0,0);
  color: $modal-success-color;
  border: 1px solid $modal-success-color;
  box-shadow: 0 0 10px $modal-success-color3, 0 0 10px $modal-success-color3 inset;
  &:hover{
      background: $modal-success-color;
      color: #000;
  }
}
.anov-confirm  .ant-btn {
  background: rgba(0,0,0,0);
  color: $modal-success-color;
  border: 1px solid $modal-success-color;
  box-shadow: 0 0 10px $modal-success-color3, 0 0 10px $modal-success-color3 inset;
  &:hover{
      background: $modal-success-color;
      color: #000;
  }
}